﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="productSupply.aspx.cs" Inherits="ncp.Web.productSupply" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="/uc/search.ascx" TagName="search"  TagPrefix="uc" %>
<%@ Register Src="/uc/headTop.ascx" TagName="headTop"  TagPrefix="uc" %>
<%@ Register Src="/uc/headLogo.ascx" TagName="headlogo"  TagPrefix="uc" %>
<%@ Register Src="/uc/menu.ascx" TagName="menu"  TagPrefix="uc" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>中国农业信息化服务商</title>
    <link href="/css/module.css" rel="stylesheet" type="text/css" />
    <link href="/css/page.css" rel="stylesheet" type="text/css" />
    <link href="/css/reset.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            getAllClass();
            getRecProList();
        });
    //所有分类
        function getAllClass() {
            var response = ncp.Web.productSupply.GetGoodsClass();
            if (response.value!=null) {
                var jsonOBJ = eval(response.value)[0];
                if (jsonOBJ.isreload) {
                    $("#categorylist").html(jsonOBJ.msg);
                    $("#proList").html(jsonOBJ.msg1);
                    showList();
                } else
                    alert(jsonOBJ.msg);
            }
        }
        function getRecProList() {
            var response = ncp.Web.productSupply.GetRecProduct();
            if (response.value!=null) {
                var jsonOBJ = eval(response.value)[0];
                if (jsonOBJ.isreload) {
                    $("#prorec").html(jsonOBJ.msg);
                } else
                    alert(jsonOBJ.msg);
            }
        }
        function showList() {
            $("#categorylist").find("li").each(function() {
                $(this).bind("mouseover", function() {
                    $(this).addClass("on").siblings().removeClass("on");
                });
                $(this).bind("mouseout", function() {
                    $(this).removeClass("on");
                });
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <!--Head Begin--> 
<!--Head Top-->
<uc:headTop id="headtop" runat="server" />
<!--Head Logo-->
<uc:headlogo id="headlogo" runat="server" />
<!--Head Nav-->
<div id="head-nav">
  <div id="head-nav-center">
    <uc:menu ID="menu" runat="server"/>
    <uc:search id="search" runat="server" />
  </div>
</div>
<!--Head End-->
<div class="bh-space"></div>
<div class="wp">
    <div class="page2left bh-fl">
		<!--Left Category Begin-->
        <div class="left-category">
            <div class="title">
                <h3>商品分类</h3>
            </div>
            <div class="con">
                <ul id="categorylist">
                    
                </ul>
            </div>
        </div>
		<!--Left Category End-->
    </div>
    <div class="page2right bh-fr">
		<div class="bh-jltj-wyl">
            <div class="bh-jltjTitle-wyl">
                <h1>极力推荐</h1>
            </div>
            <div id="prorec" class="bh-jltjCon-wyl">
                <a href="#"><img src="image/private/wyl-jltj-pic.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic2.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic3.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic4.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic5.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic6.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic7.jpg" /></a>
                <a href="#"><img src="image/private/wyl-jltj-pic8.jpg" /></a>
                <div class="bh-clear"></div>
            </div>
        </div>
    </div>
</div>
<div id="proList">
</div>

<!--Foot Begin-->
<!--#include file="/uc/footer.htm"-->
<!--Foot End-->
    </form>
</body>
</html>